<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="mycanvas" width="600px" height="600px"></canvas>
		<script type="text/javascript">
			const mycanvas = document.getElementById('mycanvas');
			const ctx = mycanvas.getContext('2d');
			var gradient = ctx.createLinearGradient(0,0,200,0);
			gradient.addColorStop(0,"green");
			gradient.addColorStop(1,"white");
			ctx.fillStyle = gradient;
			ctx.fillRect(10,10,200,100);
		</script>
	</body>
</html>
